<template>
	
	<div class="common-layout">
	    <el-container>
	      <el-header>{{$store.state.user}},欢迎来到OA系统首页</el-header>
	      <el-container>
	        <el-aside width="200px">
				<router-link to="/index/system">系统管理</router-link> <br />
				<router-link to="/humanres">人力资源管理</router-link> <br />
				<router-link to="">文档管理</router-link> <br />
				<router-link to="">通讯录</router-link> <br />
				<router-link to="">电子邮件管理</router-link> <br />
				<router-link to="">即时通讯</router-link> <br />
				<router-link to="">公文流转</router-link> <br />
				<router-link to="">通知公告</router-link> <br />
				<router-link to="">论坛</router-link>
				<br />
			</el-aside>
	        <el-main>
				<router-view></router-view>
			</el-main>
	      </el-container>
		  <el-footer>底边栏</el-footer>
	    </el-container>
	</div>
	<!-- {{$route.params.un}},
	{{$route.params.pd}} -->
</template>

<script>
</script>

<style>
	.el-header{
		line-height: 80px;
		background-color: rgba(244, 244, 244, 0.3);
	}
	
	.el-aside{
		line-height: 40px;
		background-color: rgba(244, 244, 244, 0.5);
	}
	.el-footer{
		background-color: bisque;
	}
</style>